import { PureComponent } from 'react';
import {
	Row,
	Col,
	Form,
	Input,
	Select,
	Modal,
	DatePicker,
	Button
} from 'antd';
import styles from './ProUserList.less';
import memberApprove from '@/assets/member_approve.png';
import memberApprove2 from '@/assets/member_approve2.png';
import memberApprove3 from '@/assets/member_approve3.png';
import memberApprove4 from '@/assets/member_approve4.png';
import memberApprove5 from '@/assets/member_approve5.png';
import memberApprove6 from '@/assets/member_approve6.png';
import memberApprove7 from '@/assets/member_approve7.png';
const FormItem = Form.Item;
const { Option } = Select;
const { TextArea } = Input;

@Form.create()
class MemberApproveModal extends PureComponent {
	
	constructor(props) {
	    super(props);
	    this.state = {
			
	    }
	}
	
	
	okHandle = () => {
		const { form,handleAddByMemberApprove } = this.props;
		form.validateFields((err, fieldsValue) => {
			if (err) return;
			form.resetFields();
			handleAddByMemberApprove();
		});
	};

  render() {
  		const {
			modalVisibleByMemberApprove,
			form,
			handleModalVisibleByMemberApprove,
		} = this.props;
return (
    <Modal
width={1000}
centered
destroyOnClose
title="审批表"
visible={modalVisibleByMemberApprove}
onOk={this.okHandle}
onCancel={() => handleModalVisibleByMemberApprove()}
>
<div style={{width: '100%',height: '530px',overflow: 'auto',textAlign: 'center',position: 'relative'}}>
	<img alt="" src={memberApprove} style={{width: '100%'}}/>
	<img alt="" src={memberApprove2} style={{width: '100%'}}/>
	<img alt="" src={memberApprove3} style={{width: '100%'}}/>
	<img alt="" src={memberApprove4} style={{width: '100%'}}/>
	<img alt="" src={memberApprove5} style={{width: '100%'}}/>
	<img alt="" src={memberApprove6} style={{width: '100%'}}/>
	<img alt="" src={memberApprove7} style={{width: '100%'}}/>
</div>
</Modal>
);
  }

}

export default MemberApproveModal;